<template>
   <div class="yl-list">
     <slot>
     </slot>
    </div>
</template>
<script>
export default {
    props:['list','listClick'],
    data(){
       return{
           ylList:null
       }
    },
}
</script>
<style lang="less" scoped>
@import "~less/base";
   img{//用户头像
           width: 1rem;
            border-radius: 50%;
            border: .04rem solid @color-border4;
            margin-top: .11rem;
            margin-left: .2rem;
        }
        .yl-list{
            position: relative;
            // height: 1.22rem;
            border-bottom: 1px solid  @color-border4;
            padding: .1rem 0;
            overflow-x: hidden;
            .mid{
                position: absolute;
                top: .2rem;
                left: 18%;
                line-height: 2;
                // max-width: 60%;
                width: 100%;
                p{
                    max-width: 60%;
                }
                span{
                    position: absolute;
                    color:@color-c2;
                    min-width: 100%;
                    
                }
            }
            .time{
                float: right;
                // line-height: 1.22rem;
                margin-top: .2rem;
                margin-right: .3rem;
            }
        }
</style>
